<!--
*
*首页
*
 -->
<template>
  <div class="bg-content content">
    <div class="search-c">
      <van-search
        v-model="val"
        :placeholder="placeholderVal"
        @search="gosearch"
      />
    </div>

    <div class="banner">
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item
          @click="gobanner(item)"
          v-for="(item, index) in bannerimg"
          :key="index"
        >
          <img :src="item.imageUrl" alt="" />
        </van-swipe-item>
      </van-swipe>
    </div>
    <div class="sectiontype">
      <div
        class="sectiontypeitem"
        v-for="(item, index) in typelist"
        :class="activetype == item.index ? 'activetype' : ''"
        @click="chosetype(item)"
        :key="index"
      >
        {{ item.title }}
      </div>
    </div>
    <div class="section-1" v-if="this.activetype == 1">
      <div
        class="sec-item"
        v-for="(item, index) in listData.list"
        :key="index"
        @click="goOther(item)"
      >
        <div class="img"><img :src="item.imageUrl" alt="" /></div>
        <div class="sec-title">{{ item.iconName }}</div>
      </div>
    </div>
    <div class="section-1" style="margin-top: 0" v-if="this.activetype == 2">
      <wx-open-launch-weapp
        class="openweapp"
        id="launch-btn"
        username="gh_598eb49157c6"
        path="pages/webview/main?src=https%3A%2F%2Ffeiyan.wecity.qq.com%2Fwuhan%2Fdist%2Findex.html%23%2Fmap-detail%3Fprovince%3D%E6%B2%B3%E5%8D%97%26provinceCode%3D410000"
      >
        <script type="text/wxtag-template">
                        <style> .chengitem{margin-left:15px;
                          margin-top:10px;}
                          .chengitem .imgg{
                            margin:auto;
                            width:48px;
                            height:48px;
                          }
                           .chengitem .imgg img{
                             width:48px;
                            height:48px;
                           }
                          .chengtitle{
                                padding:10px; margin-top:10px;font-size:16px;text-align:center;
                          }
                        </style>

                             <div
            class="chengitem" >
            <div class="imgg"><img src="http://res.precare.cn/wxhealth/banner/2022-01-17/5d27027389274a638b605fa4ea79cc96.png" alt="" /></div>
            <div class="chengtitle">疫情动态</div>
          </div>
        </script>
      </wx-open-launch-weapp>
      <wx-open-launch-weapp
        class="openweapp"
        id="launch-btn"
        username="gh_598eb49157c6"
        path="pages/webview/main?src=https%3A%2F%2Ffeiyan.wecity.qq.com%2Fwuhan%2Fdist%2Ftravel.html%23%2Ftravel%3Fchannel%3DAAHP9udw3ZSSAlqc5HNQJx9H&channel=AAHP9udw3ZSSAlqc5HNQJx9H"
      >
        <script type="text/wxtag-template">
                        <style> .chengitem{margin-left:15px;
                          margin-top:10px;}
                          .chengitem .imgg{
                            margin:auto;
                            width:48px;
                            height:48px;
                          }
                           .chengitem .imgg img{
                             width:48px;
                            height:48px;
                           }
                          .chengtitle{
                                padding:10px; margin-top:10px;font-size:16px;text-align:center;
                          }
                        </style>

                             <div
            class="chengitem" >
            <div class="imgg"><img src="http://res.precare.cn/wxhealth/banner/2022-01-17/3f184ecba9e2445fb1d9d63dbca43368.png" alt="" /></div>
            <div class="chengtitle">风险地区</div>
          </div>
        </script>
      </wx-open-launch-weapp>
      <wx-open-launch-weapp
        class="openweapp"
        id="launch-btn"
        username="gh_598eb49157c6"
        path="pages/webview/main?src=https%3A%2F%2Ffeiyan.wecity.qq.com%2Fwuhan%2Fdist%2Ftravel.html%23%2Fisolation%2Fpolicy%3FfromCity%3D410100%26toCity%3D410200%26channel%3DAAHP9udw3ZSSAlqc5HNQJx9H&channel=AAHP9udw3ZSSAlqc5HNQJx9H"
      >
        <script type="text/wxtag-template">
                        <style> .chengitem{margin-left:15px;
                          margin-top:10px;}
                          .chengitem .imgg{
                            margin:auto;
                            width:48px;
                            height:48px;
                          }
                           .chengitem .imgg img{
                             width:48px;
                            height:48px;
                           }
                          .chengtitle{
                                padding:10px; margin-top:10px;font-size:16px;text-align:center;
                          }
                        </style>

                             <div
            class="chengitem" >
            <div class="imgg"><img src="http://res.precare.cn/wxhealth/banner/2022-01-17/e80173c55c5a47358740fa6c0f6454a1.png" alt="" /></div>
            <div class="chengtitle">出行政策</div>
          </div>
        </script>
      </wx-open-launch-weapp>
    </div>
    <div class="section-2">
      <div class="section-2-main" @click="gojiankang()">
        <div class="title">
          <div class="line"></div>
          <div class="word">健康科普</div>
        </div>
        <div class="more">更多></div>
      </div>
    </div>
    <div class="section2-list">
      <div
        class="item"
        @click="goDetail(item)"
        v-for="(item, index) in jiankanglist"
        :key="index"
      >
        <div class="item-img" v-if="item.image">
          <img :src="item.image" alt="" />
        </div>
        <div class="item-img" v-else>
          <img src="../../assets/img/main/moren.jpg" alt="" />
        </div>
        <div class="item-content">
          <div class="title">{{ item.title }}</div>
          <div style="display: flex">
            <div class="icon">
              <div class="icon-img">
                <!-- <img src="../../assets/img/main/yj.png" alt="" /> -->
              </div>
              <div class="i-content">{{ item.watchNum }}人</div>
            </div>
            <div class="icon1">
              <div class="icon1-img">
                <!-- <img src="../../assets/img/main/dz.png" alt="" /> -->
              </div>
              <div class="i-content1">{{ item.clickNum }}人</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- <div class="popmain" v-html="content"></div> -->

    <van-popup
      closeable
      v-model="show"
      :style="{ height: '100%', width: '99%' }"
    >
      <div class="popmain" v-html="content"></div>
      <!-- <div>测试测试</div> -->
    </van-popup>

    <!-- <van-cell is-link @click="showPopup">展示弹出层</van-cell> -->
  </div>
</template>
<script>
import wx from "weixin-js-sdk";

import {
  getmiddlemodulesApi,
  addtypeApi,
  shangbaoApi,
  qianmingApi
} from "@/service/api.js";
import { bannerApi } from "@/service/api.js";
import { jiankangApi } from "@/service/api.js";
import { Toast } from "vant";
import { getYuanQuOrDeptApi, getUserinfoApi } from "@/service/api.js";
import Search from "@c/search";
import { Dialog } from "vant";

export default {
  // mixins: [mixin],
  name: "index",
  data() {
    return {
      apptoken: "",
      activetype: 1,
      id: "",
      listData: [],
      bannerimg: [],
      placeholderVal: "搜索科室/医生/疾病",
      show: false,
      content: "",
      jiankanglist: [],
      pageNumber: "",
      type: "",
      hospitalId: "",
      code: "",
      openid: "",
      type1: "",
      unid: "",
      state: "",
      show1: false,
      apptoken1: "",
      type2: "",
      token: "",
      hosname: "",
      isHasCommonTitle: "",
      val: "",
      tokencode: "",
      isOpenTencentCard: "",
      qianshow: false,
      typelist: [
        {
          title: "门诊服务",
          index: 1
        },
        {
          title: "抗疫服务",
          index: 2
        }
      ]
    };
  },
  components: {
    Search
  },
  mounted() {
    // 如果支持 popstate 一般移动端都支持了
    if (window.history && window.history.pushState) {
      // 往历史记录里面添加一条新的当前页面的url
      history.pushState(null, null, document.URL);
      // 给 popstate 绑定一个方法 监听页面刷新
      window.addEventListener("popstate", this.backChange, false); //false阻止默认事件
    }
  },
  destroyed() {
    window.removeEventListener("popstate", this.backChange, false); //false阻止默认事件
  },
  created() {
    //   var url = window.location.href;
    //  Toast(url)
    window.localStorage.removeItem("departmentName");
    window.localStorage.removeItem("newsId");
    window.localStorage.removeItem("nameid");
    window.localStorage.removeItem("departmentId");
    // window.localStorage.removeItem("info1");
    window.localStorage.removeItem("idtype");
    window.localStorage.removeItem("cardid");
    window.localStorage.removeItem("jiankang");
    window.localStorage.removeItem("type");
    window.localStorage.removeItem("yishengid");
    window.localStorage.removeItem("hosid");
    window.localStorage.removeItem("name");
    window.localStorage.removeItem("doctorid");
    window.localStorage.removeItem("key");
    window.localStorage.removeItem("bgColor");
    window.localStorage.removeItem("active");

    //测试修改
    this.apptoken =
      "eyJhbGciOiJIUzI1NiJ9.eyJob3NwaWQiOiJmZjgwODA4MTc3NzA5YTBmMDE3NzcxZjA2MzU2MDU3MiIsImFwcGlkIjoiTVBraDNSZkFZQkk5cU9GWERKdnVVZnJDMG5zV0puYjMiLCJob3NwbmFtZSI6IumDkeW3nuW4gua1i-ivleWMu-mZoiIsImV4cCI6MTY0NTUxMzk5NiwiaWF0IjoxNjQ1NDI3NTk2LCJqdGkiOiIxMjBmYmQ5Yy05ZGE3LTQ3YjAtYTJjOC0xNGRkYzhiNTRiODkifQ.HHf2w8Oeby3BzOSuu59r5TB6UdKYGvbCBxt5zGRtM0I";
    let apptoken = JSON.stringify(this.apptoken);
    localStorage.setItem("apptoken", apptoken);

    // 这是可以的
    this.getqian();

    // routeCode=1001时,进入首页做判断
    // if (routeCode == "1001") {
    //   //这种是需要进首页的
    //   // this.type2 = shouyetype;
    //   // if (this.type2 == "shouye") {
    //   this.apptoken = hosapptoken;
    //   //  Toast("这是apptoken"+this.apptoken)
    //   let apptokenn = JSON.stringify(this.apptoken);
    //   localStorage.setItem("apptoken", apptokenn);
    //   this.isHasCommonTitle = isHasCommonTitle;
    //   // Toast("这是isHasCommonTitle"+this.isHasCommonTitle)
    //   if (this.isHasCommonTitle == 0) {
    //     localStorage.setItem("hosnamed", 0);
    //   } else {
    //     window.localStorage.removeItem("hosnamed");
    //   }
    // }
    // //22222
    // if (routeCode == "1002") {
    //   //跳选择医生界面路由
    //   this.$router.push({
    //     name: "choose_doctor",
    //     query: {
    //       hospitalId: hospitalIdd,
    //       departmentId: departmentIdd
    //     }
    //   });
    // }
    // //3333
    // if (routeCode == "1003") {
    //   //跳医生详情界面路由
    //   // Toast("科室id"+departmentIdd)
    //   this.$router.push({
    //     name: "doctor_info",
    //     query: {
    //       doctorId: doctorIdd,
    //       departmentId: departmentIdd
    //     }
    //   });
    // }
    // //4444
    // if (routeCode == "1004") {
    //   //跳订单详情界面路由
    //   this.$router.push({
    //     name: "Xq_appoint",
    //     query: {
    //       orderid: orderIdd
    //     }
    //   });
    // }
    this.geteightImg(); //获取中间图标
    this.getbanner(); //获取Banner
    this.getjiankang(); //获取健康科普
    // this.getToken(); //存入apptoken
    this.getBHospital(); //查看医院是否有分院
    this.getuserinfo();
  },
  methods: {
    getqian() {
      let url = "";
      url = window.location.href.split("#")[0];
      // const u = navigator.userAgent;
      // const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
      // if (isiOS) {
      //   url = encodeURIComponent(url);
      // }
      console.log(url);
      // url = "https://platform.169000.net";
      qianmingApi({
        url: url
      }).then(res => {
        console.log(res);
        if (res.code == 4000) {
          let qiandata = res.data;
          wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
            appId: qiandata.appId, // 必填，公众号的唯一标识
            timestamp: qiandata.timestamp, // 必填，生成签名的时间戳
            nonceStr: qiandata.nonceStr, // 必填，生成签名的随机串
            signature: qiandata.signature, // 必填，签名，见附录1
            jsApiList: ["updateAppMessageShareData"], // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            openTagList: ["wx-open-launch-weapp"]
          });

          wx.ready(function(res) {});

          wx.error(function(res) {
            console.log(JSON.stringify(res) + "中");
          });
        }
      });
    },
    // 获取默认就诊人
    getuserinfo() {
      let apptoken = JSON.parse(localStorage.getItem("apptoken"));
      let token = localStorage.getItem("token");
      if (token) {
        getUserinfoApi({
          apptoken: apptoken,
          token: token
        }).then(res => {
          console.log(res);
          if (res.code == 4000) {
            console.log(res);
          } else if (res.code == 4002) {
            console.log(res);
            window.localStorage.removeItem("token");
          }
        });
      }
    },
    backChange() {
      const that = this;
      console.log("监听到了");
      this.$router.go(0);
    },
    gosearch(val) {
      console.log(val);

      if (val) {
        var reg = /^\S+$/;
        var seamsg = "";
        if (!reg.test(val)) {
          seamsg = "所在医院不能带空格";
          Toast("内容不能有空格");
        }
        if (seamsg == "") {
          this.$router.push({
            name: "Page_search"
            // query: {
            //  key:val
            // },
          });
          let key = JSON.stringify(val);
          localStorage.setItem("key", key);
        }
      } else {
        Toast("不能为空");
      }
    },
    getBHospital() {
      let apptoken = JSON.parse(localStorage.getItem("apptoken"));

      getYuanQuOrDeptApi({
        apptoken: apptoken
      }).then(res => {
        console.log(res);
        console.log(res.data.type);
        if (res.code == 4000) {
          //获取成功
          this.type = res.data.type;
          let type = JSON.stringify(this.type);
          localStorage.setItem("type", type);
          console.log(this.type);
          if (res.data.type == 2) {
            console.log("没有分院");
            this.hospitalId = res.data.hospitalId;
            console.log(this.hospitalId);
            let hosid = JSON.stringify(this.hospitalId);
            localStorage.setItem("hosid", hosid);
          }
        } else if (res.code == 4001) {
          console.log(res);
        } else if (res.code == 3999) {
          // Toast.fail({
          //   message: "apptoken过期",
          // });
        }
      });
    },
    // 存入apptoken
    chosetype(item) {
      this.activetype = item.index;
    },
    //获取banner
    getbanner() {
      let apptoken = JSON.parse(localStorage.getItem("apptoken"));

      bannerApi({
        apptoken: apptoken
      }).then(res => {
        console.log(res);
        this.bannerimg = res.data;
        // if (this.bannerimg[0].hospitalName == "郑州市测试医院") {
        //   this.qianshow = true;
        //   this.getqian();
        // } else {
        // }
        if (res.code == 3999) {
          // Toast.fail({
          //   message: "apptoken过期",
          // });
        }
      });
    },

    // 获取主页中间图标
    geteightImg() {
      let apptoken = JSON.parse(localStorage.getItem("apptoken"));
      let token = localStorage.getItem("token");
      if (token) {
        getmiddlemodulesApi({
          apptoken: apptoken,
          token: token
        }).then(res => {
          console.log("获取中间", res);
          if (res.code == 3999) {
          } else if (res.code == 4001) {
            //参数错误
          } else if (res.code == 4000) {
            this.listData = res.data;
            this.isOpenTencentCard = res.data.isOpenTencentCard;
            console.log(this.listData);
            //成功
          } else if (res.code == 3999) {
            Toast.fail({
              message: "apptoken过期"
            });
          }
        });
      } else {
        getmiddlemodulesApi({
          apptoken: apptoken,
          token: ""
        }).then(res => {
          console.log("获取中间", res);
          if (res.code == 3999) {
          } else if (res.code == 4001) {
            //参数错误
          } else if (res.code == 4000) {
            this.listData = res.data;
            this.isOpenTencentCard = res.data.isOpenTencentCard;
            console.log(this.listData);
            //成功
          } else if (res.code == 3999) {
            Toast.fail({
              message: "apptoken过期"
            });
          }
        });
      }
    },
    //获取健康科普
    getjiankang() {
      let apptoken = JSON.parse(localStorage.getItem("apptoken"));

      jiankangApi({
        apptoken: apptoken,
        num: "4"
      }).then(res => {
        if (res.code == 4000) {
          console.log(res);
          this.jiankanglist = res.data;
        }
        if (res.code == 4001) {
          console.log(res.msg);
        }
        if (res.code == 3999) {
          Toast.fail({
            message: "apptoken过期"
          });
        }
      });
    },
    // searchSub(val) {
    //   // 执行搜索内容
    //   console.log(11111111123);
    //   this.$router.push({ name: "Page_search" });
    // },
    //查看健康科普详情页
    goDetail(item) {
      let token = localStorage.getItem("token");
      // if (token) {
      this.newsId = item.id;
      let pagenumber = JSON.stringify(this.pageNumber);
      localStorage.setItem("pageNumber", pagenumber);
      let newsId = JSON.stringify(this.newsId);
      localStorage.setItem("newsId", newsId);
      this.$router.push({
        name: "jiankangdetail"
      });
    },
    //图标跳转
    goOther(val) {
      if (this.isOpenTencentCard == "1") {
        if (val.iconName == "智能导医") {
          let token = localStorage.getItem("token");
          let apptoken = JSON.parse(localStorage.getItem("apptoken"));
          if (token) {
            shangbaoApi({
              apptoken: apptoken,
              token: token,
              department: "",
              scene: "0101014",
              qrCodeText: ""
            }).then(res => {
              console.log(res);
            });
          }
        }
        if (val.iconName == "就医指南") {
          let token = localStorage.getItem("token");
          let apptoken = JSON.parse(localStorage.getItem("apptoken"));
          if (token) {
            shangbaoApi({
              apptoken: apptoken,
              token: token,
              department: "",
              scene: "020107",
              qrCodeText: ""
            }).then(res => {
              console.log(res);
            });
          }
        }
        if (val.iconName == "预约挂号") {
          let token = localStorage.getItem("token");
          let apptoken = JSON.parse(localStorage.getItem("apptoken"));
          if (token) {
            shangbaoApi({
              apptoken: apptoken,
              token: token,
              department: "",
              scene: "0101011",
              qrCodeText: ""
            }).then(res => {
              console.log(res);
            });
          }
        }
        if (val.iconName == "核酸检测") {
          let token = localStorage.getItem("token");
          let apptoken = JSON.parse(localStorage.getItem("apptoken"));
          if (token) {
            shangbaoApi({
              apptoken: apptoken,
              token: token,
              department: "",
              scene: "01010111",
              qrCodeText: ""
            }).then(res => {
              console.log(res);
            });
          }
        }
        if (val.iconName == "医院导航") {
          let token = localStorage.getItem("token");
          let apptoken = JSON.parse(localStorage.getItem("apptoken"));
          if (token) {
            shangbaoApi({
              apptoken: apptoken,
              token: token,
              department: "",
              scene: "02010701",
              qrCodeText: ""
            }).then(res => {
              console.log(res);
            });
          }
        }
      } else {
        console.log(123);
      }

      console.log(val);
      if (val.jumpPlatType == 1) {
        if (val.route == "/Choose_hos") {
          if (this.type == 1) {
            this.$router.push({
              path: val.route
            });
          } else if (this.type == 2) {
            this.$router.push({
              name: "select-department",
              query: {
                id: this.hospitalId,
                type: this.type
              }
            });
          }
        }
        if (val.route == "/yuwenzhen") {
          let token = localStorage.getItem("token");
          if (token) {
            this.$router.push({
              path: "/yuwenzhen"
            });
          } else {
            Dialog.confirm({
              title: "提示",
              message: "需前往登录页面完成登录"
            })
              .then(() => {
                this.$router.push({
                  name: "login"
                });
                // on confirm
              })
              .catch(() => {
                // on cancel
              });
          }
        }
        if (val.route == "/sc_doctor") {
          let token = localStorage.getItem("token");
          if (token) {
            this.$router.push({
              path: "/sc_doctor"
            });
          } else {
            Dialog.confirm({
              title: "提示",
              message: "需前往登录页面完成登录"
            })
              .then(() => {
                this.$router.push({
                  name: "login"
                });
                // on confirm
              })
              .catch(() => {
                // on cancel
              });
          }
        }
        if (val.route == "/medicalRecord") {
          let token = localStorage.getItem("token");
          if (token) {
            this.$router.push({
              path: "/medicalRecord"
            });
          } else {
            Dialog.confirm({
              title: "提示",
              message: "需前往登录页面完成登录"
            })
              .then(() => {
                this.$router.push({
                  name: "login"
                });
                // on confirm
              })
              .catch(() => {
                // on cancel
              });
          }
        }
        if (val.route == "/jiuyizhinan") {
          this.$router.push({
            path: "/jiuyizhinan"
          });
        }
      } else {
        if (val.linkType == 0) {
          if (this.isOpenTencentCard == "1") {
            if (val.sort == 8) {
              if (val.link) {
                window.location.href = val.link;
              } else {
                Dialog.confirm({
                  title: "提示",
                  message: "需前往登录页面完成登录"
                })
                  .then(() => {
                    this.$router.push({
                      name: "login"
                    });
                    // on confirm
                  })
                  .catch(() => {
                    // on cancel
                  });
              }
            } else {
              window.location.href = val.link;
            }
          } else {
            window.location.href = val.link;
          }
        } else if (val.linkType == 1) {
          this.show = true;
          this.content = val.content;
        }
      }
    },
    //轮播跳转
    gobanner(item) {
      window.location.href = item.link;
      console.log(item);
    },
    //健康科普
    gojiankang() {
      this.$router.push({
        name: "jiankangkepu"
      });
    }
  }
};
</script>
<style lang="scss">
.popmain {
  width: 90%;
  margin: 0 auto;
  margin-top: 1.2rem;
  font-size: 0.25rem;
  img {
    width: 100%;
    height: 3rem;
  }
}
</style>
<style lang="scss" scoped>
.swiper {
  text-align: center;
  height: 2.5rem;
  padding: none;
}
.notice-swipe {
  height: 40px;
  text-align: center;
}
.bg-content {
  background: #f6f6f6;
  margin-top: 0;
  overflow: hidden;
  padding-bottom: 100px;
}
.search-c {
  width: 10rem;
  margin: 0 auto;
  position: fixed;
  z-index: 9999;
}
.banner {
  width: 95%;
  height: 3.75rem;
  margin: 0 auto;
  border-radius: 0.1rem;
  margin-top: 1.5rem;
  img {
    border-radius: 0.1rem;
    width: 100%;
    height: 3.75rem;
  }
}
.sectiontype {
  width: 100%;
  display: flex;
  background-color: #fff;
  margin-top: 0.2rem;
  .sectiontypeitem {
    padding: 0.1rem;
    font-size: 0.4rem;
    margin-left: 0.1rem;
    font-weight: 550;
    line-height: 1rem;
  }
  .activetype {
    border-bottom: 0.1rem solid #07c6b4;
  }
}
.section-1 {
  width: 100%;
  background: #ffffff;
  margin-top: 0.15rem;
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.15rem;
  .sec-item {
    margin-top: 0.1rem;
    width: 25%;
    height: 2.3rem;
    text-align: center;
    .img {
      margin: auto;
      width: 1.2rem;
      width: 1.2rem;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .sec-title {
      width: 100%;
      margin-top: 0.2rem;
      font-size: 0.4rem;
      text-align: center;
    }
  }
}
.section-2 {
  width: 100%;
  background-color: #fff;
  .section-2-main {
    width: 95%;
    height: 1.5rem;
    margin-top: 0.15rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    .title {
      width: 80%;
      height: 1.2rem;
      display: flex;
      .line {
        width: 0.1rem;
        height: 0.6rem;
        margin-top: 0.3rem;
        background: #07c6b4;
        margin-right: 0.1rem;
      }
      .word {
        line-height: 1.2rem;
        font-size: 0.45rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #333333;
      }
    }
    .more {
      line-height: 1.2rem;
      font-size: 0.4rem;
      font-family: PingFang SC;
      font-weight: 500;
      color: #999999;
    }
  }
}
.section2-list {
  width: 100%;
  background-color: #fff;
  .item {
    height: 1.5rem;
    width: 95%;
    margin: 0 auto;
    display: flex;
    padding-bottom: 0.15rem;
    .item-img {
      width: 2rem;
      height: 1.3rem;
      background-color: pink;
      border-radius: 10px;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .item-content {
      width: 7rem;
      margin-left: 0.15rem;
      .title {
        margin-top: 0.08rem;
        line-height: 0.5rem;
        font-size: 0.38rem;
        font-family: PingFang SC;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333333;
      }
      .icon {
        display: flex;
        margin-top: 0.15rem;
        width: 2.5rem;
        .icon-img {
          width: 0.4rem;
          height: 0.3rem;
          background: url(../../assets/img/main/yj.png) no-repeat;
          background-size: 100% 100%;
          margin-top: 0.1rem;
        }
        .i-content {
          margin-left: 0.1rem;
          font-size: 0.3rem;
          color: #c2c2c2;
        }
      }
      .icon1 {
        display: flex;
        margin-top: 0.15rem;
        .icon1-img {
          width: 0.3rem;
          height: 0.3rem;
          margin-top: 0.05rem;
          background: url(../../assets/img/main/dz.png) no-repeat;
          background-size: cover;
        }
        .i-content1 {
          margin-left: 0.1rem;
          font-size: 0.3rem;
          color: #c2c2c2;
        }
      }
    }
  }
}
.mask {
  position: fixed;
  bottom: 121px;
  right: 15px;
  width: 84px;
  height: 90px;
  background: #000000;
  opacity: 0.65;
  border-radius: 4px;
  .mask-item {
    width: 80%;
    margin-left: 8px;
    display: flex;
    height: 30px;
    .mask-img {
      width: 13px;
      height: 13px;
      margin-top: -3px;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .mask-title {
      margin-left: 6px;
      font-size: 11px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #ffffff;
      line-height: 30px;
    }
  }
}
.allbtn {
  width: 31px;
  height: 31px;
  position: fixed;
  bottom: 75px;
  right: 15px;
  background-color: #fff;
  border-radius: 50%;
  border: 4px solid #07c6b4;
}
</style>
